Front End Portfolio Website Tutorial – Next.js, Three.js, Tailwind CSS

モバイル
youtube
Front End Portfolio Website Tutorial – Next.js, Three.js, Tailwind CSS Learn to code a mobile responsive personal portfolio website using Next.js, Three.js & Tailwind CSS. Course developed by @CodeBucks 🔗 Demo Link: 💻 Starter Code: 💻 Final Code: ⭐️ Contents ⭐️ ⌨️ (0:00:00) Intro + Demo ⌨️ (0:06:02) Setup and Installation ⌨️ (0:08:11) Layout.js file and Tailwind config ⌨️ (0:11:53) Home page ⌨️ (0:13:21) Generate Images using Playground AI ⌨️ (0:16:56) 3D model configuration and Rendering ⌨️ (0:37:13) Navigation buttons ⌨️ (1:07:53) Creating background firefly effect ⌨️ (1:20:07) Projects page ⌨️ (1:32:46) Subpages layout ⌨️ (1:40:08) About page ⌨️ (1:55:48) Github stats & Skill icons ⌨️ (2:10:48) Contact page ⌨️ (2:20:06) Using Emailjs ⌨️ (2:35:27) Show toast messages ⌨️ (2:41:23) Mobile responsive ⌨️ (3:10:16) Adding animations using framer-motion ⌨️ (3:23:57) Adding music ⌨️ (3:49:21) Optimizing Images and performance 🎉 Thanks to our Champion and Sponsor supporters: 👾 Drake Milly 👾 Ulises Moralez 👾 Goddard Tan 👾 David MG 👾 Matthew Springman 👾 Claudio 👾 Oscar R. 👾 jedi-or-sith 👾 Nattira Maneerat 👾 Justin Hual -- Learn to code for free and get a developer job: Read hundreds of articles on programming:
  2024/10/03      youtube

関連するプログラミング動画 [mobile]

Our Tag

最近投稿されたプログラミング学習動画

Bangladesh's thriving developer scene is full of beginners who are tru

study

Bangladesh's thriving developer scene is...

  2026/04/10

How to learn programming and CS in the AI hype era – interview with pr

Today Quincy Larson interviews Mark Maho...

  2026/04/10

Python Match Statement: Features You Didn't Know

python

Download your free Python Cheat Sheet he...

  2026/04/09

Using Loguru to Simplify Python Logging: Setting Up & Understanding Lo

python

Download your free Python Cheat Sheet he...

  2026/04/09

Git push -f? Uh huh...

Git push -f? Uh huh...more like git push...

  2026/04/09

CUDA Programming for NVIDIA H100s – Comprehensive Course

NVIDIA

Learn CUDA programming for NVIDIA Hopper...

  2026/04/09

MCP Apps: AI With Visual UI, Not Just Text

python

Download your free Python Cheat Sheet he...

  2026/04/08

What is your ANSWER?👇

Want to make real money with coding? I s...

  2026/04/08

The magic of web dev: continuously and quickly improving your project.

The magic of web dev: continuously and q...

  2026/04/08

Astro Crash Course #8 - Content Collections (with JSON)

In this Astro tutorial series, you'll le...

  2026/04/08

他のAIが記憶した脳をそのまま移行できる?!今からClaudeを活用していきたい人はこの方法がおすすめです

本日はChatGPTからClaudeへ乗り換えたい人が知っておくべき知識について...

  2026/04/08

Which ONE do you use?

Want to make real money with coding? I s...

  2026/04/07

Role-based Access Control and Sharing lists | Code, Commit, Deploy, Re

Welcome back to Code, Commit, Deploy, Re...

  2026/04/07

Bad UX Is Driving Users Away From Apple

python
Apple

Download your free Python Cheat Sheet he...

  2026/04/07

50x Cheaper Than Claude - But Can It Actually Code?

MiniMax Token Plan 12% OFF: MiniMax 2....

  2026/04/07